<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.15rem;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content text-left ">
			<h3 class="text-center mb-2" style="font-size: 0.25rem">安全操作规程告知书</h3>


			<div class="text-indent">1、支撑作业必须按设计规定及施工说明书进行。</div>
			<div class="text-indent">2、在施工过程中，如发现地质条件与设计资料不符时，应征得设计单位同意，改变支撑的形式、间距及材料。</div>
			<div class="text-indent">3、支撑构件，应尽量在地面加工厂制成成品，只有不能确定长度的构件才可在洞内临时加工。</div>
			<div class="text-indent">4、支撑安装时，应构成整体并注意下列事项：</div>
			<div class="text-indent">（1）必须按规定的顺序进行。</div>
			<div class="text-indent">（2）各构件应相互挤紧，接头与岩壁间应用楔子挤紧。</div>
			<div class="text-indent">（3）各排支撑之间（纵向）应设撑杆或拉杆互相联接，以发挥整体作用。</div>
			<div class="text-indent">5、支撑应定期检查，至少每旬一次，检查结果应正确填写在专门记录本上，对于检查出来的问题，必须及时解决。</div>
			<div class="text-indent">6、在断层、裂缝（包括纵横交错的裂缝）、顶侧滴水、岩脉等地段及支洞与正洞相交处，支撑应特别予以加固。</div>
			<div class="text-indent">7、更换支撑时应遵守以下各项规定：</div>
			<div class="text-indent">（1）发现横梁及立柱弯曲、歪斜、腐朽或断裂，应立即修理或更换。</div>
			<div class="text-indent">（2）更换支柱前，横梁必须以临时支柱支撑，临时支柱应有与主柱相等的强度，其位置应不妨碍安装新立柱的空间为原则。</div>
			<div class="text-indent">（3）更换坚撑作业过程中，应有防止岩石坠落的措施。</div>
			<div class="text-indent">（4）同时更换相邻支撑的数量，不得超过两架以上。在临时支撑未吃力前，不得撤除旧支撑。</div>
			<div class="text-indent">8、采用钢支撑时，其结点处除用螺栓固定其位置外，并需加以电焊，其纵向各排应拉牢，一般可用角铁纵向焊于各排钢支撑上。</div>
			<div class="text-indent">9、钢支撑的基座应放在坚硬的岩石面上，如基础过软时，应挖深柱坑再浇混凝土基座。</div>
			<div class="text-indent">10、在边开挖边支撑的过程中，为了防止钢支撑顶部支架发生位移或下陷，最好在上、下层开挖交界面处，采用纵向台梁。</div>
			<div class="text-indent">11、钢支撑的各杆件，应在洞外预先制作好，在安装前应进行试拼装，并在各杆件上编号。</div>
			<div class="text-indent">12、采用锚杆支护，应遵守下列规定：</div>
			<div class="text-indent">（1）孔径与深度应符合设计要求，钻孔的方向应尽量垂直岩面或岩石裂缝。</div>
			<div class="text-indent">（2）钻孔过程中和安装锚杆时，必须随时注意岩石变化情况，发现松动浮石应及时处理。</div>
			<div class="text-indent">（3）锚杆安装前，先将孔中岩粉吹净，并检查孔深和锚栓的尺寸是否相符，锚栓上的丝扣涂上机油防锈，便于旋转。</div>
			<div class="text-indent">（4）安装时，垫板和岩石接触面积应在二分之一以上，接触不到之处应用铁板塞紧。楔子要最大限度插入楔缝中。</div>
			<div class="text-indent">（5）锚栓安装后，2～3天内须用压力扳手进行锚杆承载力检查，拧紧丝扣后定期检查。</div>



			<div class="d-flex flex-row mt-2 justify-content-between">
				<div>
					<div @click="setUpEquipment('operateForm.announcer','TaskSignFinger')">告知者（签字）： </div>
					<el-image v-show="operateForm.announcer" class="sign_img" :src="operateForm.announcer" fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
				<div>
					<div @click="setUpEquipment('operateForm.announcerd','TaskSignFinger')">被告知者（签字）：</div>
					<el-image v-show="operateForm.announcerd" class="sign_img" :src="operateForm.announcerd"
						fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year1" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month1" class="people-input" placeholder=" "
							style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const operateForm = ref({
						year: "",
						month: "",
						day: "",
						year1: "",
						month1: "",
						day1: "",
						announcer: "", //告知者
						announcerd: '', //被告知者
					});

					window.setSign = (event) => {
						operateForm.value[event.key] = event.img;
					};


					window.getData = (event) => {
						return operateForm.value;
					};
					window.setData = (data) => {
						operateForm.value = data;
					};

					//peopleForm.sign
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						operateForm,
						setUpEquipment,
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>